<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <title>深圳市君达注塑机械有限公司</title>
    <meta name="keywords" content="深圳市君达注塑机械有限公司">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

    <!-- Css link -->
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="css/style.css">

</head>
<body>
    <!--响应式导航条-->
    <div id="header"></div>

    <!--轮播-->
    <section id="ad1" class="carousel slide" data-ride="carousel" data-interval="3000">
        <div class="carousel-inner">
            <div class="item active">
                <img src="images/banner11.jpg" >
            </div>
            <div class="item">
                <img src="images/banner11.jpg" >
            </div>
            <div class="item">
                <img src="images/banner11.jpg">
            </div>
        </div>
        <a href="#ad1" class="left carousel-control" data-slide="prev">
            <span class="glyphicon glyphicon-chevron-left"></span>
        </a>
        <a href="#ad1" class="right carousel-control" data-slide="next">
            <span class="glyphicon glyphicon-chevron-right"></span>
        </a>
        <ul class="carousel-indicators">
            <li data-target="#ad1" data-slide-to="0" class="active"></li>
            <li data-target="#ad1" data-slide-to="1"></li>
            <li data-target="#ad1" data-slide-to="2"></li>
        </ul>
    </section>
    <!--轮播-->

    <!--qq-->
    <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=464690896&site=qq&menu=yes" class="qq_style">
        <img style="width: 60px;height: 100px;" border="0" src="http://wpa.qq.com/pa?p=2:464690896:53" alt="点击这里给我发消息" title="点击这里给我发消息"/>
    </a>
    <!--qq-->

    <section>
        <div class="pro_home">
            <div class="pro_qie clearfix">
                <span class="active"><a href="pro.html"><i>立式注塑机</i></a></span>
                <span><a href="pro.html"><i>卧式注塑机</i></a></span>
                <span><a href="pro.html"><i>全电式注塑机</i></a></span>
                <span><a href="pro.html"><i>其他注塑机</i></a></span>
            </div>
            <div class="pro_com">
                <ul class="pro_com_ul clearfix" style="display: block;">
                    <li class="clearfix">
                        <a href="#" class="clearfix">
                            <div class="pic">
                                <img src="images/p3.jpg" alt="" class="vcenter"/>
                                <i></i>
                            </div>
                            <div class="text">
                                <span>立式注塑机</span>
                                <p>
                                    立式注塑机111
                                    便于移动和使用...
                                </p>
                                <i class="more"></i>
                            </div>
                        </a>
                    </li>
                    <li class="clearfix">
                        <a href="#" class="clearfix">
                            <div class="pic">
                                <img src="images/p3.jpg" alt="" class="vcenter"/>
                                <i></i>
                            </div>
                            <div class="text">
                                <span>立式注塑机</span>
                                <p>
                                    立式注塑机111
                                    便于移动和使用...
                                </p>
                                <i class="more"></i>
                            </div>
                        </a>
                    </li>
                    <li class="clearfix">
                        <a href="#" class="clearfix">
                            <div class="pic">
                                <img src="images/p3.jpg" alt="" class="vcenter"/>
                                <i></i>
                            </div>
                            <div class="text">
                                <span>立式注塑机</span>
                                <p>
                                    立式注塑机111
                                    便于移动和使用...
                                </p>
                                <i class="more"></i>
                            </div>
                        </a>
                    </li>
                </ul>
                <ul class="pro_com_ul clearfix">
                    <li class="clearfix">
                        <a href="#" class="clearfix">
                            <div class="pic">
                                <img src="images/p3.jpg" alt="" class="vcenter"/>
                                <i></i>
                            </div>
                            <div class="text">
                                <span>卧式注塑机</span>
                                <p>
                                    卧式注塑机222
                                    便于移动和使用...
                                </p>
                                <i class="more"></i>
                            </div>
                        </a>
                    </li>
                    <li class="clearfix">
                        <a href="#" class="clearfix">
                            <div class="pic">
                                <img src="images/p3.jpg" alt="" class="vcenter"/>
                                <i></i>
                            </div>
                            <div class="text">
                                <span>卧式注塑机</span>
                                <p>
                                    卧式注塑机222
                                    便于移动和使用...
                                </p>
                                <i class="more"></i>

                            </div>
                        </a>
                    </li>
                    <li class="clearfix">
                        <a href="#" class="clearfix">
                            <div class="pic">
                                <img src="images/p3.jpg" alt="" class="vcenter"/>
                                <i></i>
                            </div>
                            <div class="text">
                                <span>卧式注塑机</span>
                                <p>
                                    卧式注塑机222
                                    便于移动和使用...
                                </p>
                                <i class="more"></i>
                            </div>
                        </a>
                    </li>
                </ul>
                <ul class="pro_com_ul clearfix">
                    <li class="clearfix">
                        <a href="#" class="clearfix">
                            <div class="pic">
                                <img src="images/p3.jpg" alt="" class="vcenter"/>
                                <i></i>
                            </div>
                            <div class="text">
                                <span>全电式注塑机</span>
                                <p>
                                    全电式注塑机3
                                    便于移动和使用...
                                </p>
                                <i class="more"></i>
                            </div>
                        </a>
                    </li>
                    <li class="clearfix">
                        <a href="#" class="clearfix">
                            <div class="pic">
                                <img src="images/p3.jpg" alt="" class="vcenter"/>
                                <i></i>
                            </div>
                            <div class="text">
                                <span>全电式注塑机</span>
                                <p>
                                    全电式注塑机3
                                    便于移动和使用...
                                </p>
                                <i class="more"></i>

                            </div>
                        </a>
                    </li>
                    <li class="clearfix">
                        <a href="#" class="clearfix">
                            <div class="pic">
                                <img src="images/p3.jpg" alt="" class="vcenter"/>
                                <i></i>
                            </div>
                            <div class="text">
                                <span>全电式注塑机</span>
                                <p>
                                    全电式注塑机3
                                    便于移动和使用...
                                </p>
                                <i class="more"></i>
                            </div>
                        </a>
                    </li>
                </ul>
                <ul class="pro_com_ul clearfix">
                    <li class="clearfix">
                        <a href="#" class="clearfix">
                            <div class="pic">
                                <img src="images/p3.jpg" alt="" class="vcenter"/>
                                <i></i>
                            </div>
                            <div class="text">
                                <span>其他</span>
                                <p>
                                    其他等
                                    注塑机...
                                </p>
                                <i class="more"></i>
                            </div>
                        </a>
                    </li>
                    <li class="clearfix">
                        <a href="#" class="clearfix">
                            <div class="pic">
                                <img src="images/p3.jpg" alt="" class="vcenter"/>
                                <i></i>
                            </div>
                            <div class="text">
                                <span>其他</span>
                                <p>
                                    其他等
                                    注塑机...
                                </p>
                                <i class="more"></i>

                            </div>
                        </a>
                    </li>
                    <li class="clearfix">
                        <a href="#" class="clearfix">
                            <div class="pic">
                                <img src="images/p3.jpg" alt="" class="vcenter"/>
                                <i></i>
                            </div>
                            <div class="text">
                                <span>其他</span>
                                <p>
                                    其他等
                                    注塑机...
                                </p>
                                <i class="more"></i>
                            </div>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </section>


    <!--尾-->
    <div id="footer"></div>

    <!--移动端底部导航-->
    <div class="phonefooternav">
        <ul class="clearfix">
            <li>
                <a href="index.html">
                    <i class="iconfont">&#xe60a;</i>
                    <span>首页</span>
                </a>
            </li>
            <li>
                <a href="about.html">
                    <i class="iconfont">&#xe61f;</i>
                    <span>关于我们</span>
                </a>
            </li>
            <li>
                <a href="pro.html">
                    <i class="iconfont">&#xe60b;</i>
                    <span>产品展示</span>
                </a>
            </li>
            <li>
                <a href="contact.html">
                    <i class="iconfont">&#xe634;</i>
                    <span>联系我们</span>
                </a>
            </li>
        </ul>
    </div>

    <!-- load Js -->
    <script src="js/jquery-1.11.3.min.js"></script>
    <script src="js/bootstrap.js"></script>
    <script src="js/style.js"></script>


</body>
</html>